<div id="HandoverRecordForm">
  <yu-panel title="移交记录表">
    <yu-xform label-width="110px" ref="HandoverRecordFormInfoSearch" related-table-name="HandoverRecordFormTable" form-type="search"
              :custom-search-fn="searchFn">
      <yu-xform-group :column="3">
        <yu-xform-item label="身份证号码" placeholder="身份证号码" name="idNum" ctype="input"></yu-xform-item>
        <yu-xform-item label="开始日期" placeholder="开始日期" name="startDate" ctype="datepicker" :picker-options="pickerStartOptions"></yu-xform-item>
        <yu-xform-item label="结束日期" placeholder="结束日期" name="endDate" ctype="datepicker" :picker-options="pickerEndOptions"></yu-xform-item>
      </yu-xform-group>
    </yu-xform>
    <div style="justify-content:space-between;display: flex">
      <div>
        <yu-button type="warning" v-loading="loading"  @click="exportExcel()" >导出数据</yu-button> 
      </div>
    </div>
    <div style="height: 30px"></div>
    <yu-xtable ref="HandoverRecordFormTable" :base-params="HandoverRecordFormData" :data-url="funcDataUrl" request-type="get" row-number style="width: 100%">
      <yu-xtable-column prop="issuedDate" label="发起日期" width="120px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="custName" label="客户姓名" width="90px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="idNum" label="身份证号码" width="100px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="issuedGridName" label="发起网格名称" width="120px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="issuedFileNo" label="移出网格员档案号" width="120px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="issuedUserName" label="移出网格员姓名" width="100px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="receiveDate" label="接收日期" width="130px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="receiveFileNo" label="接收网格员档案号" width="100px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="receiveUserName" label="接收网格员姓名" width="100px" align="center" show-overflow-tooltip></yu-xtable-column>
    </yu-xtable>
  </yu-panel>
</div>
